<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 目的  让YellowPerson  继承 Person 的相关属性和方法 (实例的相关属性和方法  原型对象上的相关属性和方法)

    // 组合继承 (构造函数的继承 + 原型继承)
    // 调用父类构造函数得到一个实例化对象,用该实例化对象覆盖子类的原型对象
    // 缺点:只能继承原型对象上的属性和方法  不能继承实例的相关属性和方法

    function Person(name, age) {
        // this  =>  Person在执行过程中 创建的实例化对象
        this.name = name;
        this.age = age;
    }

    Person.prototype.species = "human";
    Person.prototype.skill = function () {
        console.log("thinking");
    }
    Person.prototype.say = function () {
        console.log(this.name, this.age);
    }

    // p的原型链
    // p => Person.prototype => Object.prototype = null;
    var p = new Person("张三", 18);
    console.log(p);



    function YellowPerson(name, age, hobby) {
        // this  =>  YellowPerson在执行过程中 创建的实例化对象
        // Person();  //普通调用   this => window

        // 调用父类构造函数
        // 调用Person  在执行过程中将this指向 当前实例化对象(YellowPerson在执行过程中 创建的实例化对象)
        Person.call(this, name, age);
        // Person.apply(this, [name, age]);

        this.hobby = hobby;
    }

    // yp的原型链   => 本质:拓宽了原型链
    //正常: yp => YellowPerson.prototype => Object.prototype = null;
    //原型继承: yp => YellowPerson.prototype( new Person("李四",22)) =>  Person.prototype =>Object.prototype = null;

    // YellowPerson.prototype = new Person("李四",22);  
    // YellowPerson.prototype = {
    //     name:"李四",
    //     age:22,
    //     constructor:YellowPerson,
    //     __proto__:Person.prototype
    // }


    YellowPerson.prototype = new Person("李四", 22);
    YellowPerson.prototype.constructor = YellowPerson;   // 不加也不影响继承 (只是为了优化)

    YellowPerson.prototype.skin = "yellow";
    YellowPerson.prototype.speak = function () {
        console.log("chinese");
    }
    // yp的原型链
    // yp => YellowPerson.prototype => Object.prototype = null;
    var yp = new YellowPerson("张叁", 22, "唱歌")
    console.log(yp);
    console.log(yp.constructor);

    // console.log(yp.hobby);
    // console.log(yp.species);
    // console.log(yp.skill);  


    // class YellowPerson extends Person{}








</script>

</html>